// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

// 通过`import`导入代码。
// 被导入的js中通过`export`导出模块。
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  // 如果要使用`router`，必须在这里申明。
  // 这里是缩写,如果键和值同名，则键值对可以只写出值。，`router,`相当于`'router': router,`
  router,
  // 申明子组建
  // 所有子组建须要在`components`里申明，这里的键值对也是缩略写法。键App指定`template`模板里使用时的标签名，值App为`import App from ./App`导入的对象。
  components: { App },
  // `template`包含vue app的html模板代码。通过子组建的名称的标签使用子组建。
  template: '<App/>'
})
